body{
    background: #f1f1f1af;
    overflow-x: hidden;
}
.container{
    width: 1200px;
    margin: 0 auto;
    border: 1px#cfcfcf solid;
    background: #ffffff;
    margin-top: 30px;
}
.qk-content {
    margin-top: 30px !important;
    width: 1160px;
    margin: 0 auto;
}
/*期刊标题*/

.qk-content ul {
    padding-inline-start: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.menu li {
    background: #eee;
    width: 120px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    display: inline-block;
}
.name{
    color: #000000;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    font-weight: 500;
}
.st{
    color: #706e6e;
    display: inline-block;
    flex: 1;
    /* word-wrap: break-word; */
    word-break: break-word;
    position: relative;
}
.menu li:hover {
    background: #eb0b0c;
    color: #fff;
}

.menu .act-2 {
    background: #eb0b0c;
    color: #fff;
}
.checked{
    background-color: #f87e7e !important;
    color: #fff !important; 
}
/*期刊标题结束*/

.qk-content-box {
    width: 100%;
    min-height:598px;
    background: #ffffff;
}

/*侧边多选框*/

.list {
    width: 220px;
    min-height: 550px;
    background: #f1f1f1af;
}

.list-title {
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #f11e1f;
    color: #fff;
    padding-left:20px;
	padding-right:20px;
	font-size:18px;
	font-family: "Microsoft YaHei";
}

.list-title a{
	font-size:14px;
	float:right;
	margin-left:14px;
}

.checkboxs {
    width: 218px;
    font-size: 14px;
    color: #fff;
    font-family: "Microsoft YaHei";
}
.checkbox {
    cursor: pointer;
    height: 44px;
    margin: 7px 4px;
    color: #333;
    text-align: center;
    line-height: 44px;
    background-color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.box {
    width: 18px;
    height: 14px;
    background: url("/image/periodical/big-select_empty.png") no-repeat left;
    margin-right: 27px;
    margin-left: 48px;
    margin-top: 10px;
    
}

.box2 {
    width: 18px;
    height: 14px;
    background: url("/image/periodical/big-select_empty.png") no-repeat left;
    margin-right: 14px;
    margin-left: 34px;
    margin-top: 10px;
}
/*侧边多选框结束*/

/*右边书籍*/

.book-box {
    width: 908px;
    margin-left: 30px;
    float: left;
    border: 1px #cfcfcf solid;
    background: #f1f1f1af;
}
.oneBox{
height: 36px;
background-color: #ffffff;
line-height: 36px;
margin:4px 10px;


}
.book-img-box {
    flex:1;
    cursor: pointer;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.book-img-box:hover{
    color: #eb0b0c;
}
.bt{
    display: block;
    text-align: center;
    padding: 16px 0;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
}
.qi{
    width: 160px;
    text-align: center;
    color: #9c9c9c;
}
.time{
    width: 160px;
    text-align: center;
    color: #9c9c9c;
}
.book-img-box:last-child {
    margin-right: 0px;
}

.book-kuang {
    display: block;
    cursor: pointer;
    width: 160px;
    height: 216px;
    background: #dcdddf;
    overflow: hidden;
    border: 1px #cbcbcb solid;
    pointer-events: none;
}

.book-img-box img {
    width: 100%;
    height: 100%;
}

.book-img-box:hover img{
    transform: scale(1.05);
}

.book-name {
    display:block;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    cursor: pointer;
    color: #333333;
   margin-bottom: 10px;
   margin-top: 10px;
    width: 166px;
    /* text-overflow: ellipsis;
    white-space: nowrap;*/
    text-align: center;
    overflow: hidden; 
    word-wrap:break-word;
    pointer-events: none;
}

.book-img-box:hover .book-name{
    color: #f29a0f;
}
.select {
    color: #1c83ea;
}
.search {
    width: 1200px;
    background: #ebebeb;
    margin: 0 auto;
    padding-top: 10px;
}
.checkbox .box{
pointer-events: none;
}
/*右边书籍结束*/
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip{
    background-color: #f6f6f6;
}
.layui-laypage .red{
    background-color:#f6f6f6;
}
.checkbox:hover{
    color: #eb0b0c;
}
.similar{
    left: 100px;
    width: 502px;
 }
 .topBox{
     width: 100%;
     height: 300px;
     margin: 0 auto;
 }
 .topBox img{
     width: 160px;
     height: 220px;
     margin-left: 80px;
 }
.rightBox{
     width: 70%;
     height: 220px;
 }
.rightBox>p{
     font-size: 18px;
     color: #333333;
     font-weight: bold;
     margin-bottom: 20px;
 }
 .rightBox .base{
     width: 70%;
 }
 .base>p,.info>p{
    color: rgb(250, 36, 36);
 }
 .base>p::before,.info>p::before{
     content: '';
     width: 4px;
     height:20px;
     display: inline-block;
     vertical-align: bottom;
     margin-right: 10px;
     background-color: rgb(250, 36, 36);
 }
.base>ul,.info>ul{
    margin-top: 20px;
 }
 .base>ul li,.info>ul li{
    color: #9c9c9c;
    margin: 8px 0;
    font-size: 14px;
 }
 .search{
     background-color: #ffffff;
 }
 .search .searchPart{
     justify-content: end !important;
     margin-right: 30px;
 }
.option {
height: 40px;  
}
.searchPart input {
height: 40px;
}
.searchPart .s_Btn {
    height: 42px;
    width: 50px;
}